﻿<!--sesion---->
<?php session_start(); ?>
<!------------>

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="Login">
	<meta name="author" content="YouStudio">
	<title>I.E. Alexander Von Humboldt - Login</title>
	<!--link rel="stylesheet" href="assets/styles/bootstrap.css"-->
	<link rel="stylesheet" href="../../assets/styles/bootstrap.min.css">
	<link rel="stylesheet" href="../../assets/styles/cssGlyphLogin.css">

	<style>
		body{
			background-color: #D2D2D2;
		}

		header{
			background-color:black;
			color:white;
			height:50px;
			line-height:50px;
			opacity:0.8;
		}

		header img{
			width: auto;
			height: 40px;
		}
		
		.logo-area{
			background-color: #E9BA2C;
			text-align: center;
		}

		.login-box{
			border-radius: 5px;
			box-shadow: 0 0 4px #222;
			height: auto;
			margin-top: 120px;
			padding:0;
		}

		.login-header{
			background-color: black;
			border-radius: 5px 5px 0 0 ;
			color:white;
			font-size: 16px;
			height: 50px;
			line-height:50px;
			opacity: 0.8;
			text-align:center;
			text-transform: uppercase;
			letter-spacing: 2px;
			width:100%;		
		}

		.login-body{
			border-bottom:1px solid #ccc;
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			border-radius: 0px 0px 5px 5px;		
			background-color: white;
			padding: 40px 4em;
		}

		.buttons-box{
			text-align: center;
		}

		.buttons-box input{
			width:100px;
		}

		input[type="submit"]{
			width: 100%;
		}

		.image-captcha{
			background-color: white;
			border: thin solid gray;
			height: 50px;		
			width: 100%;
		}

		.captcha-text-area input[type="text"]{
			width: 100%;
		}

		.btn-send{
			background-color: #CA000F;
			color: white;
		}

		.btn-send:hover{
			background-color: #6d0019;
			color: white;
		}
	</style>
</head>

<body>
	<header>
	   <div class="container">
		<div class="col-md-1 logo-area">
		   <img src="../../assets/images/escudo.png" alt="">
		</div>
		<div class="col-md-11">
		   <span>I.E. Alexander von Humboldt</span>
		</div>
	   </div>		
	</header>


	<div class="col-md-offset-4 col-md-4 col-md-offset-4 login-box">
		<div class="login-header">
			Ingreso al sistema
		</div>
		<div class="login-body">
			<!--colocar mensaje para el inicio de sesion-->
			<?php 
			if(!empty($_SESSION['error']))
			{
					echo "<div class='mensaje alert alert-danger'>". $_SESSION['error'] .'</div>';
					$_SESSION['error'] = "";
				}
			?>
			<!--==========================================-->
			
			<form action="ClsLogin.php" role="form" class="form-horizontal" method="post">
				<div class="form-group">
					<div class="input-group">
						<div class="input-group-addon"><i class="icon-user"></i></div>
						<input type="text" class="form-control" placeholder="Nombre de usuario" name="Username" required>
					</div>					
				</div>

				<div class="form-group">
					<div class="input-group">
						<div class="input-group-addon"><i class="icon-key"></i></div>
						<input type="password" class="form-control" placeholder="Contraseña" name="Password" required>
					</div>					
				</div>

				<div class="form-group capctha-area">
					<div class="image-captcha" align="center">
						 <img src="captcha.php" width="200" height="50">
                         <br>
					</div>
				</div>

				<div class="form-group captcha-text-area">
					<label for="txtCaptcha">Inserte aqui los valores de la imagen</label>
					<input type="text" class="form-control" id="txtCaptcha" name="txtCaptcha" placeholder="Valores de la Imagen" required>
				</div>

				<div class="form-group">
					<!--div class="col-md-6 buttons-box"><input type="submit" class="btn btn-default" value="Iniciar sesion"></div>
					<div class="col-md-6 buttons-box"><input type="reset" class="btn btn-default" value="Iniciar sesion"></div-->
					<input type="submit" class="btn btn-send" value="Iniciar sesion">
				</div>				
			</form>
            </div>
		</div>
	</div>	
</body>
</html>